<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>品牌价值创意库</title>
		<style type="text/css">
			body{
				font-family: "microsoft yahei";
				margin: 0;
			}
			ul,li,p,h1,h2,h3,pre{
				margin: 0;
				padding: 0;
				list-style: none;
			}
			a{
				text-decoration: none;
			}
			.fl{
				float: left;
			}
			.fr{
				float: right;
			}
			.clear{
				clear: both;
			}
			.content .head{
				padding-left: 4%;
				line-height: 35px;
				height: 35px;
				background-color: #c30d23;
			}
			.content .head img{
				width: 18%;
			}
			.content .details_title{
				overflow: hidden;
				word-wrap:break-word;
				width: 92%;
				padding-left: 4%;
				font-size: 20px;
				line-height: 30px;
				color: #c30d23;
			}
			.content .details_type{
				overflow: hidden;
				word-wrap:break-word;
				width: 92%;
				padding-left: 4%;
				font-size: 14px;
				line-height: 14px;
				color: #595757;
			}
			.content .details_img{
				margin-top: 5px;
			}
			.content .details_img video{
				padding-left: 3.125%;
				margin-bottom: 5px;
			}
			.content .details_img img{
				display: block;
				width: 92%;
				margin: 0 auto 5px;
			}
			.content .details_text{
				display: block;
				font-size: 14px;
				line-height: 28px;
				color: #595757;
				width: 92%;
				padding-left: 4%;
				margin-top: 20px;
			}
			.details_text_width{
				display: block;
				width: 22%;
			    text-align-last: justify;
			}
			.details_text_rwidth{
				overflow: hidden;
				display: block;
				width: 66%;
			}
			.detail_text_auto_r{
				width: 74%;overflow: hidden;word-wrap: break-word;
			}
			.colon{
				display: inline-block;
			}
			.text_color{
				color: #c30d23;
			}
			.series_title{
				text-align: center;
				color: #595757;
				margin: 50px auto 20px;
				width: 94%;
				font-size: 14px;
				line-height: 14px;
			}
			.line{
				margin-top: 6px;
				border-bottom: 1px solid #595757;
				width: 39.9%;
			}
			.case{
				width: 94%;
				padding-left: 3%;
			}
			.case li{
				width: 48%;
				margin-right: 4%;
			}
			.case li:last-of-type{
				margin-right: 0;
			}
			.case li img{
				width: 100%;
			}
			.case_title{
				font-size: 12px;
				color: #595757;
			}
			.case_type{
				font-size: 12px;
				line-height: 24px;
				color: #c30d23;
			}
			.b_text{
				text-align: center;
				font-size: 12px;
				color: #595757;
				margin-top: 20px;
			}
			.show_more_right{
				width: 66%;
			}
			.show_more_right pre{
				font-family: "microsoft yahei";
				overflow: hidden;
				word-wrap:break-word;
				/*word-break:break-all;*/
				display: block;
				width: 100%;
				white-space:pre-wrap;
				white-space:-moz-pre-wrap;
				white-space:-pre-wrap;
				white-space:-o-pre-wrap;
				word-wrap:break-word;
			}
		</style>
	</head>
	
	<body>
		<div class="content">
			<div class="head">
				<img src="__IMG__/login_insightlogo.png"/>
			</div>
			<h1 class="details_title">
				{$detail.title}
			</h1>
			<p class="details_type">
				{$detail.summary}
			</p>
			<div class="details_img">
				<notempty name='detail.media_id'>
					<video src="__UPLOAD__/video/{$detail.media_id}" controls="" width='93%'></video>
				</notempty>
				<div id="">
				 
					<volist name='detail.images' id='vo' key='k'>
						<neq name='k' value='1'>
							<img class="" src="{$vo.savepath}" />
						</neq>
					</volist>
						
				</div>
				
			</div>
			
			<ul class="details_text">

				
				<notempty name='detail.t_xq'>
					<li class="details_text_height">
						<span class="details_text_width fl">人性需求</span> <p class="colon fl">&nbsp;:&nbsp;</p>
						<span class="fl details_text_rwidth">
							<volist name='detail[t_xq]' id='vo' key='k'>
								<gt name='k' value='1'>&nbsp;>&nbsp;</gt>
								<a href="{:U('search/index',['t_xq'=>$vo[cid]])}" target="_blank">{$vo.name}</a>
							</volist>
						</span>
						<div class="clear"></div>
					</li>
				</notempty>
				<notempty name='detail.content'>
					<li class="details_text_height" style='border: 1px solid #c30d23;'>
						<span class="details_text_width fl">消费者洞察</span> 
						<p class="colon fl">&nbsp;:&nbsp;</p>
						<span class="fl detail_text_auto_r">{$detail.content}</span>
<!-- 						<span class="details_text_width fl">消费者洞察</span>
						<span class="fl" style="display: inline-block;">&nbsp;:&nbsp;</span>
						<span class="details_text_rwidth fl"><pre>{$detail.content}</pre></span>
						<div class="clear"></div> -->
					<div class="clear"></div>
					</li>
				</notempty>	
				<li class="details_text_height"> 
					<span class="details_text_width fl">价值诉求</span> <p class="colon fl">&nbsp;:&nbsp;</p> <span class="fl details_text_rwidth">{$detail.jzsq}</span>
					<div class="clear"></div>
				</li>
				<li class="details_text_height">
					<span class="details_text_width fl">洞察相关度</span> <p class="fl">&nbsp;:&nbsp;</p> 
					<span class="fl details_text_rwidth">
						<div id="star" data-score="{$detail.dcxgd}"></div>
					</span>
					<div class="clear"></div>
				</li>											
				<notempty name='detail.t_hy'>
					<li class="details_text_height">
						<span class="details_text_width fl">行业</span> <p class="colon fl">&nbsp;:&nbsp;</p> 
						<span class="fl details_text_rwidth">
							<volist name='detail[t_hy]' id='vo' key='k'>
								<gt name='k' value='1'>&nbsp;>&nbsp;</gt>
								<a href="{:U('search/index',['t_hy'=>$vo[cid]])}" target="_blank">{$vo.name}</a>
							</volist>
						</span>
						<div class="clear"></div>
					</li>
				</notempty>				
				
				<notempty name='detail.brand'>
					<li class="details_text_height"> 
						<span class="details_text_width fl">品牌名</span> <p class="colon fl">&nbsp;:&nbsp;</p> <span class="fl details_text_rwidth">{$detail.brand}</span>
						<div class="clear"></div>
					</li>
				</notempty>
				<notempty name='detail.product_type'>
					<li class="details_text_height">
						<span class="details_text_width fl">产品名</span> <p class="colon fl">&nbsp;:&nbsp;</p><span class="fl details_text_rwidth">{$detail.product_type}</span>
						<div class="clear"></div>
					</li>
				</notempty>
				<notempty name='detail.man'>
					<li class="details_text_height">
						<span class="details_text_width fl">企业主</span> <p class="colon fl">&nbsp;:&nbsp;</p><span class="fl details_text_rwidth">{$detail.man}</span>
						<div class="clear"></div>
					</li>
				</notempty>

<!-- 				<notempty name='detail.t_gj'>
					<li class="details_text_height">
						<span class="details_text_width fl">发布地区</span>  <p class="colon fl">&nbsp;:&nbsp;</p> <span class="fl details_text_rwidth">{$detail.t_gj}</span>
						<div class="clear"></div>
					</li>
				</notempty> -->
				<notempty name='detail.t_sj'>
					<li class="details_text_height">
						<span class="details_text_width fl">发布时间</span>  <p class="colon fl">&nbsp;:&nbsp;</p> <span class="fl details_text_rwidth">{$detail.t_sj}</span>
						<div class="clear"></div>
					</li>
				</notempty>
<!-- 				<notempty name='detail.summary'>
					<li class="details_text_height">
						<span class="details_text_width fl">广告语</span>  <p class="colon fl">&nbsp;:&nbsp;</p> <span class="fl details_text_rwidth">{$detail.summary}</span>
						<div class="clear"></div>
					</li>
				</notempty> -->
				<notempty name='detail.keywords'>
					<li class="details_text_height">
						<span class="details_text_width fl">标签</span>
						<p class="colon fl">&nbsp;:&nbsp;</p>
						<volist name='keywords' id='vo'>
							<a href="javascript:;" class="fl text_color" style='margin-right: 7px;'>#{$vo}</a>
						</volist>
						<div class="clear"></div>
					</li>
				</notempty>

				<notempty name='detail.description'>
					<div class="details_text_height details_more">
						<span class="details_text_width show_more_left fl">描述</span>
						<span class="fl" style="display: inline-block;">&nbsp;:&nbsp;</span>
						<span class="show_more_right details_text_rwidth fl"><pre>{$detail.description}</pre></span>
						<div class="clear"></div>
					</div>
				</notempty>
				<notempty name='detail.agency'>
					<li  class="details_text_height">
						<span class="details_text_width fl">代理公司</span> <p class="colon fl">&nbsp;:&nbsp;</p><span class="fl details_text_rwidth">{$detail.agency}</span>
						<div class="clear"></div>
					</li>
				</notempty>				
				<notempty name='detail.new_idea'>
					<div class="details_text_height details_more">
						<span class="details_text_width show_more_left fl">创意</span>
						<span class="fl" style="display: inline-block;">&nbsp;:&nbsp;</span>
						<span class="show_more_right details_text_rwidth fl">{$detail.new_idea}</span>
						<div class="clear"></div>
					</div>
				</notempty>
				<notempty name='detail.new_word'>
					<div class="details_text_height details_more">
						<span class="details_text_width show_more_left fl">文案</span>
						<span class="fl" style="display: inline-block;">&nbsp;:&nbsp;</span>
						<span class="show_more_right details_text_rwidth fl">{$detail.new_word}</span>
						<div class="clear"></div>
					</div>
				</notempty>
				<notempty name='detail.new_other'>
					<div class="details_text_height details_more other">
						<span class="details_text_width show_more_left fl">执行人员</span>
						<span class="fl" style="display: inline-block;">&nbsp;:&nbsp;</span>
						<span class="show_more_right details_text_rwidth fl"><pre>{$detail.new_other}</pre></span>
						<div class="clear"></div>
					</div>
				</notempty>
				<notempty name='detail.awards'>
					<div class="details_text_height details_more other">
						<span class="details_text_width show_more_left fl">奖项</span>
						<span class="fl" style="display: inline-block;">&nbsp;:&nbsp;</span>
						<span class="show_more_right details_text_rwidth fl"><pre>{$detail['awards']}</pre></span>
						<div class="clear"></div>
					</div>
				</notempty>
				<notempty name='detail.agency'>
					<li  class="details_text_height">
						<span class="details_text_width fl">制作公司</span> <p class="fl">&nbsp;:&nbsp;</p><span class="fl details_text_rwidth">{$detail.production_company}</span>
						<div class="clear"></div>
					</li>
				</notempty>							
				<notempty name='detail.agency'>
					<li  class="details_text_height">
						<span class="details_text_width fl">导演</span> <p class="fl">&nbsp;:&nbsp;</p><span class="fl details_text_rwidth">{$detail.director}</span>
						<div class="clear"></div>
					</li>
				</notempty>					
			</ul>
			<notempty name='list.group'>
				<h1 class="series_title">
					<div class="line fl"></div>系列作品<div class="line fr"></div>
					<div class="clear"></div>
				</h1>
				<ul class="case">
					<volist name='list.group' id='vo'>
						<li class="case_li fl">
							<a href="{:U('',['id'=>$vo[id]])}">
								<img src="{$vo.cover}"/>
								<h1 class="case_title">{$vo.summary}</h1>
								<h2 class="case_type">{$vo.title}</h2>
							</a>
						</li>
					
					</volist>
					<div class="clear"></div>
				</ul>
			</notempty>
			<p class="b_text">更多详情留意网页版喔</p>
		</div>
		
		<script src="__JS__/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js" widget="shareqq" charset="utf-8"></script>
		<script src="http://wechat.intech.gdinsight.com/Wechat/Api/wxjsConfig/accode/78d53979062e584600b7e0e1ab4ae638/debug/false" ></script>
		<script type="text/javascript" src="__JS__/jquery.raty.min.js"></script>
		<script>
		//星级评分插件
		$('#star').raty({
			path: '__JS__/raty/',
			readOnly:true,
			number: 3,
			  score: function() {
			    return $(this).attr('data-score');
			  }

		});
			<php>
				$wx_des = mb_substr($detail[description],0,30,'utf-8');
				$wx_des = str_replace(array("\r\n", "\r", "\n"),'',$wx_des); 
				
			</php>
			var baseUrl = "http://creativegallery.gdinsight.com/";
			var wxData = {
	
				imgUrl: baseUrl + "{$detail[images][0][savepath]}",
				link: baseUrl +"{$_SERVER['REQUEST_URI']}",
				desc: "{$wx_des}",
				title: "{$detail.title}",
				share: function() {
					//获取“分享到朋友圈”按钮点击状态及自定义分享内容接口
					wx.onMenuShareTimeline({
						title: wxData.desc,
						link: wxData.link,
						imgUrl: wxData.imgUrl,
						success: function() {
							// if(wxType == 1){
							//   shareSuccess()
							// }
						},
						cancel: function() {
							// 
						}
					});
					//获取“分享给朋友”按钮点击状态及自定义分享内容接口
					wx.onMenuShareAppMessage({
						title: wxData.title,
						desc: wxData.desc,
						link: wxData.link,
						imgUrl: wxData.imgUrl,
						type: '', // 分享类型,music、video或link，不填默认为link
						dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
						success: function() {
							// if(wxType == 1){
							//   shareSuccess()
							// }
						},
						cancel: function() {
							// 
						}
					});
				},
				callback: function() {}
			};
	
			wx.ready(function() {
				wxData.share()
			});	
		</script>
		
		<script type="text/javascript">
			$(".details_text_height .details_text_rwidth").each(function() {
				var spanheight = $(this).height();
				if(spanheight > '28') {
					$(this).height(28);
					var html = '';
					html += "<span class='fr details_right_more_btn other_morebtn text_color'>展开</span>"
					$(this).after(html);
					$(this).next().show();
				}
			})
			
			$(".details_right_more_btn").click(function(){
				__this = $(this);
				var spanheight = __this.prev().height();
				if(spanheight > "28"){
					__this.prev().height("28");
					__this.html("展开");
					__this.css("padding-top",0)
				}else{
					__this.prev().height("auto");
					var now_spanheight = __this.prev().height();
					__this.css("padding-top",now_spanheight-28)
					__this.html("收起")
				}
			})
		</script>
	</body>
</html>
